<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Webrtc peerConnection</title>
</head>
<body>
    <div>
        <div>
            <button id="start">Start</button>
            <button id="call">Call</button>
            <button id="hangup">Hangup</button>
        </div>
        <div id="preview">
            <h2>Local: </h2>
            <video id="localVideo" autoplay playsinline></video>
            <h2>Offer SDP:</h2>
            <textarea id="offerSdp" cols="30" rows="10"></textarea>

            <h2>Remote: </h2>
            <video id="remoteVideo" autoplay playsinline></video>
            <h2>Answer SDP:</h2>
            <textarea id="answerSdp" cols="30" rows="10"></textarea>
        </div>
    </div>
    <script src="./main.js"></script>
</body>
</html>